<%@ page contentType="text/html;charset=UTF-8" language="java" pageEncoding="UTF-8" %>
<%@taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>

<script>
    $(function(){
        $( "#tooltip" ).tooltip();
    });
</script>


<div style="width: 100%;;margin-top: 0px;top: 0px ;">
    <div style="margin: 0 auto 0 auto;height: 20px;width: 1000px;background: rgb(7,128,221);">
        <div style="float: right;width: 300px;text-align: right;padding-right: 20px;">
            <c:if test="${empty sessionScope.user}">
                <ul style="list-style: none;margin-top: 2px;margin-left: 180px;">
                    <li style="width: 50px;float: left;cursor: pointer;color: #ffffff;" href="/front/user/loginV">登录
                    </li>
                    <li style="width: 50px;float: left;color: #ffffff;" href="/front/user/registerV">注册</li>
                </ul>
            </c:if>

            <c:if test="${not empty sessionScope.user}">
                <ul style="list-style: none;margin-top: 2px">
                    <li style="width: 250px;float: left;cursor: pointer;color: #ffffff;">
                        欢迎您，${sessionScope.user.username}</li>
                    <li style="width: 50px;float: left;color: #ffffff;cursor: pointer;" href="/front/user/logOut">登出
                    </li>
                </ul>


            </c:if>
        </div>
    </div>
</div>


<div style="width: 1000px;margin: 0 auto 0 auto;">
    <div class="top">
        <div>
            <div>
                <div><img src="" alt=""></div>
                <div class="title">政府数据开放平台</div>
            </div>

            <div>
                <form action="/front/front/data/search" method="get">
                    <table cellspacing="0" cellpadding="0">
                        <tr>
                            <td><input name="key" title="请输入关键字" id="tooltip"></td>
                            <td>
                                <input type="submit"
                                       style="height: 30px; width: 40px;margin-left: -0px;border: 1px;  background-color: royalblue;"
                                       value="搜 索"></td>
                        </tr>
                    </table>
                </form>
            </div>
        </div>


        <div style="height: 0px;"></div>

        <c:if test="${requestScope.menu!='none'}">
            <div style="border:0px solid;">
                <ul style="padding:0px;margin:0px;">
                    <li href="/"
                        <c:if test="${requestScope.topMenu=='home'}">class="active"</c:if>  >首页
                    </li>
                    <li href="/front/front/dataCatalogue/theme"
                        <c:if test="${requestScope.topMenu=='resourceDirectory'}">class="active"</c:if> >资源目录
                    </li>
                    <li href=""
                        <c:if test="${requestScope.topMenu=='mapService'}">class="active"</c:if> >地图服务
                    </li>
                    <li href="/front/front/apptheme/list"
                        <c:if test="${requestScope.topMenu=='appShow'}">class="active"</c:if> >应用展示
                    </li>
                    <li href=""
                        <c:if test="${requestScope.topMenu=='API'}">class="active"</c:if> >开发API
                    </li>
                    <li
                            <c:if test="${requestScope.topMenu=='Interactive'}">class="active"</c:if>  >互动交流
                    </li>
                    <c:if test="${not empty sessionScope.user}">
                        <li href="/front/my/dataset/list"
                            <c:if test="${requestScope.topMenu=='myCenter'}">class="active"</c:if> >个人中心
                        </li>
                    </c:if>
                    <li>开发原则</li>
                </ul>
            </div>
        </c:if>


    </div>
</div>

